<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ALObooking Software</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div id="top-wrapper"><div id="top">
        <div id="logo"><a href="index.html"><img src="img/logo.gif" /></a></div>            
        <div id="top-right">Chào <a href="#">admin</a>, <a href="#">đăng xuất</a>!</div>            
        <br class="clr" />
    </div></div>
    
    <div id="nav-wrapper"><div id="nav">
        <ul>
        	<li><a href="index.html">Dashboard</a></li>
            <li class="active"><a href="booking.html">Booking</a></li>
            <li><a href="customer.html">Khách hàng</a></li>
            <li><a href="hotel.html">Khách sạn</a></li>
            <li class="last"><a href="user.html">User</a></li>
            <br class="clr" />
        </ul>
    </div>
    
    <div id="subnav">
        <ul>
            <li class=""><a href="booking.html">Xem tất cả bookings</a></li>
            <li class="last"><a href="booking_add.html">Tạo booking mới</a></li>
        </ul>  
    </div>
    
    <div id="main">
    	<h1>Chi tiết booking</h1>
        
       	<h2>Thông tin khách hàng</h2>
            
        <table class="data">
            <tr>
                <td class="grey">Mã khách</td>
                <td>0000001</td>
            </tr>
            <tr>
                <td class="grey">Tên khách</td>
                <td>Yến, Trần Thu</td>
            </tr>
            <tr>
                <td class="grey">ĐT</td>
                <td>0908.870.564</td>
            </tr>
            <tr>
                <td class="grey">Email</td>
                <td>yen@coffeemugvn.com</td>
            </tr>
            <tr>
                <td class="grey">Địa chỉ</td>
                <td>159 Điện Biên Phủ, P.15, Q.Bình Thạnh</td>
            </tr>
        </table>
        
        <h2>Thông tin booking</h2>
        
        <h3>Thông tin cơ bản</h3>
        
        <div class="booking-info left">        
            <table class="table2">        
                <tr>
                    <td>Ngày đặt:</td>
                    <td><span class="auto">21/01/11</span></td>
                </tr>
                <tr>
                    <td>Địa điểm:</td>
                    <td>Đà Lạt</td>
                </tr>
                <tr>
                    <td>Khách sạn:</td>
                    <td>Bluemoon Hotel</td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <div class="booking-info center">        
            <table class="table2">                        
                <tr>
                    <td>Tình trạng:</td>
                    <td>1. Mới đặt</td>
                </tr>
                <tr>
                    <td>Tổng đêm phòng:</td>
                    <td><span class="auto">4</span>
                    </td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <div class="booking-info right">        
            <table class="table2"> 
            	<tr>
                    <td>Mã khách sạn:</td>
                    <td>ABC-12345</td>
                </tr>               
                <tr>
                    <td>Mã booking:</td>
                    <td><span class="auto">ALB110112-1</span></td>
                </tr>
            </table>
		</div><!--.booking-info-->
        
        <br class="clr" />
        
        <hr />
        
        <h3>Thanh toán</h3>
        
        <table class="table2 booking-payment">                        
            <tr>
                <td class="wide-spacing">
                	Loại tiền:
                	<strong>USD</strong>
                </td>
                
                <td class="wide-spacing">
                     <strong>Không Xuất VAT</strong>
				</td>  
                            
                <td class="wide-spacing">
                    Tỷ giá ALO:
                    <strong>19.900</strong>
                </td>
            
                <td class="wide-spacing">
                    Tỷ giá KS:
                    <strong>19.500</strong>
                </td>
            </tr>            
        </table>
        
        <hr />
        
        <h3>Thông tin chi tiết</h3>
        
        <table class="table1 booking-detail">
        	<tr>
            	<th>Loại phòng</th>
                <th>Tiêu chuẩn</th>
                <th>SL</th>
                <th>Check in</th>
                <th>Check out</th>
                <th>Đơn giá</th>
                <th>Đêm</th>
                <th>Thành tiền</th>
                <th class="gross">Giá gốc</th>
                <th class="gross">Thành tiền</th>
                <th></th>
			</tr>
            <tr>
            	<td align="center">Superior</td>
            	<td align="center">DBL</td>
                <td align="center">1</td>
                <td align="center">01/01/11</td>
                <td align="center">03/01/11</td>
                <td align="right">48</td>
                <td align="right">2</td>
                <td align="right">96</td>
                <td align="right" class="gross">45</td>
                <td align="right" class="gross">90</td>
                <td align="right"></td>
			</tr>
            <tr>
            	<td align="center">Family</td>
            	<td align="center">TWIN</td>
                <td align="center">2</td>
                <td align="center">02/01/11</td>
                <td align="center">03/01/11</td>
                <td align="right">55</td>
                <td align="right">1</td>
                <td align="right">110</td>
                <td align="right" class="gross">50</td>
                <td align="right" class="gross">100</td>               
			</tr>
            <tr class="heading">
            	<th colspan="11">Loại khác</th>
			</tr>
            <tr>
            	<td align="center">Khuyến mãi</td>
                <td align="center">Voucher</td>
                <td align="center">1</td>
                <td align="center">&nbsp;</td>
                <td align="center">&nbsp;</td>
                <td align="right">-10</td>
                <td align="right">1</td>
                <td align="right">-10</td>
                <td align="right" class="gross">0</td>
                <td align="right" class="gross">0</td>
                <td align="right"></td>
			</tr>            
            <tr>
            	<td colspan="6" align="right"><strong>Tổng tiền phòng</strong></td>
                <td align="right">USD</td>
				<td align="right"><span class="highlight">196</span></td>
                <td class="gross">&nbsp;</td>
                <td align="right" class="gross">190</td>
                <td align="right">&nbsp;</td>
            </tr>
            <tr>
            	<td colspan="6">&nbsp;</td>
                <td align="right">VND</td>
				<td align="right"><span class="highlight">3.900.400</span></td>
                <td class="gross">&nbsp;</td>
                <td align="right" class="gross">3.705.000</td>
                <td align="right" class="profit">195.400</td>
            </tr>
        </table>
        
        <h3>Bao gồm</h3>
        <div class="pb20"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div>
        <br class="clr" />
        
        <div id="booking-cancel">
        	<h3>Điều kiện hủy phòng</h3>
        
            <table class="table2">                        
                <tr>
                    <td>Không phạt tiền <span class="compulsory">*</span></td>
                    <td>15 &nbsp;ngày</td>
                </tr>
                <tr>
                    <td>Phạt 50% <span class="compulsory">*</span></td>
                    <td>14-7 &nbsp;ngày</td>
                </tr>
                <tr>
                    <td>Phạt 100% <span class="compulsory">*</span></td>
                    <td>6-1 &nbsp;ngày</td>
                </tr>
            </table>
		</div>
        
        <div id="booking-payment">
        	<h3>Tình trạng thanh toán</h3>
            
            <table class="table1 booking-detail">
            	<tr>
                	<th>Tiến trình</th>
                    <th>Ngày</th>
                    <th>Tiền</th>
                    <th>Phương thức</th>
                    <th>Ghi chú</th>
                </tr>
                <tr>
                	<td>Đặt cọc</td>
                    <td>25/12/10</td>
                    <td>2.000.000</td>
                    <td>Thu tiền</td>
                    <td></td>
                </tr>
                <tr>
                	<td>Thu hết</td>
                    <td>28/12/10</td>
                    <td>1.900.400</td>
                    <td>Chuyển khoản</td>
                    <td>Đưa dư 20.000</td>
                </tr>
                <tr>
                	<td>KS thu</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr class="secondary">
                	<td>Deposit ks</td>
                    <td>28/12/10</td>
                    <td>1.705.000</td>                    
                    <td>Đóng tại KS</td>
                    <td></td>
                </tr>
                <tr class="secondary">
                	<td>T/T hết cho KS</td>
                    <td>29/12/10</td>
                    <td>2.000.000</td>
                    <td>Đóng tại KS</td>
                    <td></td>
                </tr>
            </table>
        </div>
        
        <br class="clr" />
        
        <div id="action-bar">
         	<div class="action-bar-group">
                <input name="" type="button" class="button" value="Sửa booking" />
                <input name="" type="button" class="button" value="Confirm khách - VI" />
                <input name="" type="button" class="button" value="Confirm khách - EN" />
                <input name="" type="button" class="button" value="Gửi booking" />
			</div>
            
            <div class="action-bar-group">            
            	<select class="dropdown">
                    <option>1. Mới đặt</option>
                    <option>2. Chờ xử lý</option>
                    <option>3. KS confirm</option>
                    <option>4. Confirmed khách</option>
                    <option>5. Thu cọc</option>
                    <option>6. Thu hết</option>
                    <option>7. Hủy</option>
                    <option>8. Kết thúc</option>
                </select>
                <input name="" type="button" class="button" value="Cập nhật" />
			</div>
            
            <div class="action-bar-group right"> 
            	<input class="button" name="" type="button" value="Quay lại" />
            </div>
            <br class="clr" />
        </div>
        
    </div><!--#main-->
    
    <div id="footer">&copy; 2010 ALObooking.</div>    
</body>
</html>
